$nt-file-item-margin: $form-spacing !default;
// $nt-file-info-radius: $global-radius !default;
$nt-file-info-color: $dark-gray !default;
$nt-file-info-color-error: get-color(alert) !default;
$nt-file-info-padding: $global-padding / 2 !default;
$nt-file-info-background: rgba(get-color(primary), .1) !default;
$nt-file-info-background-remote: rgba(get-color(secondary), .1) !default;
$nt-file-info-background-success: rgba(get-color(success), .1) !default;
$nt-file-info-background-error: rgba(get-color(alert), .1) !default;
$nt-file-info-background-trans-transition: background .5s !default;

$nt-file-font-size: rem-calc(12) !default;
$nt-file-symbol-font-family : 'anticon' !default;
$nt-file-symbol-icon : '\e664' !default;

@mixin nt-file-info-color ( $color: $nt-file-info-color, $background: $nt-file-info-background) {
  color: $color;
  background-color: $background;
}

@mixin nt-file-info {
  font-size: $nt-file-font-size;
  padding: $nt-file-info-padding; // border-radius: $nt-file-info-radius;
  transition: $nt-file-info-background-trans-transition;
  @include nt-file-info-color;
  &.remote {
    @include nt-file-info-color($background: $nt-file-info-background-remote);
  }
  &.success {
    @include nt-file-info-color($background: $nt-file-info-background-success);
  }
  &.error {
    @include nt-file-info-color($background: $nt-file-info-background-error);
  }
}

@mixin nt-file-item {
  position: relative;
  margin-bottom: $nt-file-item-margin;
  margin-top: ($form-spacing * 0.5) * -1;
  &:last-child {
    margin-bottom: $form-spacing;
  }
  .progress {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .nt-file-symbol {
    font-family: $nt-file-symbol-font-family;
  }
  .nt-file-symbol-icon::after {
    content: $nt-file-symbol-icon;
  }
}

@mixin nt-file {
  .nt-file {
    .nt-file-item {
      @include nt-file-item;
    }
    .nt-file-error {
      color: $nt-file-info-color-error;
    }
    .nt-close-button {
      float: right;
      cursor: pointer;
    }
    .nt-file-info {
      @include nt-file-info;
    }
  }
}
